<template lang="html">
  <div class="mine">
    <MineIndexTop />
    <BottomNav />
    <MineUserInfo :userinfo='userinfo'/>
    <MineMenuList />
  </div>
</template>

<script>
import BottomNav from '../components/BottomNav'
import MineIndexTop from '../components/Mine/MineIndexTop'
import MineUserInfo from '../components/Mine/MineUserInfo'
import MineMenuList from './Mine/MineMenuList'
import { mapState } from 'vuex'

export default {
  name:'Mine',
  components:{
    BottomNav,
    MineIndexTop,
    MineUserInfo,
    MineMenuList
  },
  computed:{
    ...mapState(['userinfo'])
  }
}
</script>

<style lang="less" scoped>
.mine{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #f1f1f1;
}
</style>
